<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<th:block th:fragment="custom_settings">
		<link type="text/css" rel="stylesheet" th:href="@{{css}/mobile/member/mobilelist/menuListDetails.css(css=${css})}"/>
	</th:block>
	<!-- 商品详情弹框 -->
	<div id="gooddetail_pop" class="weui-popup__container">
		<div class="weui-popup__overlay"></div>
		<div class="weui-popup__modal" id="gooddetail">
			<th:block th:fragment="goodDetail_refresh" th:if="${goodinfo!=null}">
				<div class="weui-tab weui-dtl">
					<div class="swiper-container" data-space-between='10' data-pagination='.swiper-pagination' data-autoplay="1000">
						<div class="swiper-wrapper">
							<th:block th:each="imgs : ${goodinfo.imgs}">
								<div class="swiper-slide"><img th:src="${imgs.goodphoto}" alt=""></div>
							</th:block>
						</div>
						<div class="swiper-pagination"></div>
					</div>
						
					<div class="swiper-close"><i class="fa fa-times-circle" onclick="detailclose()"></i></div>
					<div class="swiper-title">
						<div class="weui-cell">
							<div class="weui-cell__bd">
								<p class="cell-title" th:text="${goodinfo.goodname}"></p>
								<p class="cell-title-small">
									<th:block th:if="${goodinfo.goodstock <= 0}">无货</th:block>
									<th:block th:if="${goodinfo.goodstock > 0 and goodinfo.goodstock <= 10}">
										剩余<span th:text="${goodinfo.goodstock} ? ${goodinfo.goodstock} : 0"></span>件
									</th:block>
									<th:block th:if="${goodinfo.goodstock > 10}">有货</th:block>
								</p>
								<p class="cell-monly" th:text="'￥'+${goodinfo.goodprice}"></p>
							</div>
						</div>
					</div>
						
					<div class="weui-form-preview swiper-details">
						<div class="weui-form-preview__bd">
							<div class="weui-form-preview__item">
								<label class="weui-form-preview__label">商品产地</label>
								<span class="weui-form-preview__value" th:text="${goodinfo.goodorigin}"></span>
							</div>
							<div class="weui-form-preview__item">
								<label class="weui-form-preview__label">商品规格</label>
								<span class="weui-form-preview__value" th:text="${goodinfo.specdefine}"></span>
							</div>
						</div>
					</div>
					<div class="weui-form-preview-detail">
						<div class="weui-form-preview__item">
							<h1 class="weui-form-preview__label-title">商品描述</h1>
							<div class="weui-form-preview__value" th:utext="${goodinfo.gooddesc}"></div>
						</div>
					</div>
				</div>
			
				<footer class="weui-footer-product">
					<div class="weui-footer-product-fixed">
						<div class="weui-footer-product-concern-cart">
							<a>
								<span class="weui-f-p-icon"><i class="fa fa-commenting"></i></span>
								<span class="weui-f-p-focus-info">客服</span>
							</a>
							<a>
								<span class="weui-f-p-icon"><i class="fa fa-meh-o"></i></span>
								<span class="weui-f-p-focus-info">店铺</span>
							</a>
							<a onclick="gocar()">
								<span class="weui-f-p-icon"><i class="fa fa-cart-plus"></i><span class="carnum" th:text="${carnum}"></span></span>
								<span class="weui-f-p-focus-info">购物车</span>
							</a>
						</div>
						<div class="weui-footer-product-action-list">
							<a class="weui-yellow-color" href="javascript:void(0)" th:data-goodid="${goodinfo.goodentityid}" th:data-merchantsettleid="${goodinfo.merchantsettleid}" onclick="loadGoodSpaces(this.getAttribute('data-goodid'),this.getAttribute('data-merchantsettleid'),1)">加入购物车</a>
							<a class="weui-red-color" href="javascript:void(0)" th:data-goodid="${goodinfo.goodentityid}" th:data-merchantsettleid="${goodinfo.merchantsettleid}" onclick="loadGoodSpaces(this.getAttribute('data-goodid'),this.getAttribute('data-merchantsettleid'),2)">立即购买</a>
						</div>
					</div>
				</footer>
			</th:block>
		</div>
	</div>
	<!-- 商品详情弹框 -->
	
	<!-- 商品详情-加入购物车弹框 -->
	<div class="weui-add-cart-carts">
		<div class="weui-add-cart"></div>
	</div>
	<!-- 商品详情-加入购物车弹框 -->
	
	<script type="text/javascript" th:src="@{{js}/mobile/member/mobilelist/menuListDetails.js(js=${js})}"></script>
</html>